مقالات طراحی اپ موبایل

اتصال activityها به viewها
فولدر‌های جاوایی که برای اجرای منطق نرم‌افزار‌تان به آنان نیاز دارید، از مسیر app / src / main / java قابل‌دسترسی میباشند. «MainActivity.java» را گشوده فرمائید طراحی اپلیکیشن در مشهد و ایمپورت‌های تحت را مستقیماً پایین ایمپورت‌های جان دار، اضافه فرمائید.

پنج ایمپورت نخستین آرم‌دهنده این مسئله میباشند که کدهای شما به کلاس‌های Random، Button،ImageView و TextView ارجاع داده می گردند.
دو ایمپورت آجل، علامت می دهند که شما با به کار گیری از دو کلاس جان دار در کتابخانه build.gradle، برای برنامه خردسالان‌ها به کار گیری میکنید.
باطن فولدر MainActivity.java، در کلاس MainActivity، مورد ها ذیل را اضافه فرمایید:

در‌این قطعه کد خرد، چهار متغیر را، در activity اعلان کرده‌اید.

او‌لین متغیر، آرایه‌ایی از فن‌ها (string) میباشد که فال‌های احتمالی را علامت می دهد.
سه گزینه باقی‌مانده دیگر هم، ارکان UI طرح شمارا آرم خواهند اعطا کرد.
درحال حاضر محتوای مشی «onCreate» را با کدهای ذیل جایگزین فرمایید.

به تک‌تک نصیب‌های شماره‌گذاری گردیده اعتنا نمائید.

اجرای سوپرکلاس را فراخوانی فرمائید تا مطمئن گردید activity فراهم ایفا میباشد. معلوم نمائید که طرح این activity به وسیله طرح‌هایی که تا قبل از اینً ساخت‌و‌ساز کرده‌اید، فراهم و در نوارابزار قرار گرقته میباشد. به سه متغیر activity، که پیش از اینً با به کارگیری از سیاق «findViewById» برای (view) های طرح، تولید کرده‌اید، مقدار بدهید. مقدار شناسه، به عبارتی پاره ای میباشد که در پیاده سازی xml ساخت و ساز کرده‌اید.

برای دکمه یک شرایط «OnClickListener» اضافه فرمائید. این شغل را میتوانید با یک کلاس بی آلایش جاری ساختن دهید که با فشرده شدن دکمه، عملیات دلخواه شمارا اجرا میدهد. یک فال تصادفی از آرایه «fortuneList» پیدا و متن فال را برای اکران آن به‌روزرسانی نمائید. از کتابخانه برنامه کودکان فرد‌ثالث به‌تیتر یک dependency برای پوشه gradle و اضافه‌کردن یک برنامه کودک خوشگل استعمال فرمایید. خیلی خب، درحال حاضر نرم افزار را مجدد بسازید و اعمال نمایید.

پس از این‌که نرم افزار را ایفا کردید، برای آزمایش فالگیر قدرتمندتان، دکمه را فشار دهید.

تروتمیز کردن
پیش از اینکه نرم افزار‌ریزی‌های مرتبط با ورژن نرم افزار را آغاز فرمائید، می بایست برخی چیزها را منزه فرمائید. برای مثالً بایستی از دست دکمه شناور خلاص گردید. برای این فعالیت به res / layout بروید و activity_main.xml را گشوده فرمائید. این پوشه مشتمل بر منبعی برای « content_main.xml » میباشد که خویش شما، پیش از اینً آن را بازنویسی کرده‌اید.

این بخش، محتوای نوارابزار و دکمه شناور را نهفته می‌نماید. ولی نرم افزار شما به دکمه شناور نیاز ندارد، پس بلوک کد پایین را از فولدر xml فوق حذف فرمایید:

مجدداً نرم افزار را بسازید و آن را انجام فرمایید.

حال دیگر دکمه شناور را در کناره سمت راست نخواهید روئت کرد. روی دکمه (?What’s my fortune) کلیک نمایید ودر یک دیده بهم زدن بعدی تان را مشاهده کنید. ;)

بررسی بیشتر با Android Monitor
اندروید استودیو، گروه ایی از ابزارها را مهیا نموده است که به شما امداد می‌نماید ذیل کاپوت نرم افزار‌تان را مشاهده کنید. نگاه نمایید، با گشودن زبانه «Android Monitor» در پنجره (Android Studio)، مورد های اثر گذار متعددی برای پیشرفت‌دهندگان را میبینید.

بیایید آرام و قدم‌به‌قدم پیش برویم.

از بالای شیت، جایی که می خواهید بر دستگاه یا این که مشابه‌ساز و مراحل موردنظرتان تحقیق نمائید، استارت فرمایید. برای گشودن ارشادوراهنمایی دکمه‌های سمت‌چپ، روی آنان کلیک فرمایید. در بالای سمت‌چپ تصویر، ضبط ویدیو از ورقه و یا این که امکان عکس‌به دست آوردن از ورقه را فعال فرمایید. ذره‌میان مورد‌های بیشتری را به شما علامت می دهد، از جملهً آنالیز ترازو یاد به کار گیری‌گردیده به وسیله نرم افزار شما.

« Layout Inspector» یک رابط بصری دیدنی به شما می دهد که برای انتخاب شیوه اکران UI (رابط کاربری) اپ، به شما یاری می‌نماید. درنهایت اینجا «LogCat» را می بینید. «LogCat» به شما این قابلیت و امکان را می دهد که پیام‌های دستگاه و نرم افزار خاصی که مدنظرتان میباشد را خوب مشاهده کنید، حتی می توانید از نوار جست‌و‌جو برای غربال کردن پیام‌هایی که دربردارنده متن خاصی میباشند، به کارگیری نمایید. مطمئن گردید که «Show only selected application» را از بالای سمت راست تعیین نموده اید.

همان گونه که در تصویر پیشین نماد داده شد، درحال حاضر تنها پیام‌هایی از نرم افزار که خودتان آن‌ها‌را نوشته‌اید، میبینید. به «MainActivity.java» بروید و ایمپورت‌های ذیل را به آن اضافه فرمائید.

در انتهای «onCreate()»، و در «MainActivity.java»، خط ذیل را اضافه فرمایید:

«Log.v» دو پارامتر ، یک تگ و یک پیام را فراخوانی می‌نماید. که درین‌جا، شما تگ « "FORTUNE APP TAG" » و پیام "onCreateCalled" را تعریف‌و‌تمجید کرده‌اید. حال نرم افزار را بسازید و آن را جاری ساختن نمایید. در پنل «Logcat» این پیام ورود به سیستم را می بینید.

می توانید محتوای «LogCat» را برای اینکه صرفا پیام خودتاننمایش داده‌خواهد شد، غربال فرمائید. «onCreateCalled» را در قاب جست‌و‌جو، بالای کنسول، مانند تحت تایپ فرمائید:

هم اکنون متن فریم چست‌و‌جو را منزه فرمایید تا مجددا مجموع پیام‌های ورود به سیستم را ملاحظه کنید. یک کدام از دیگر از ابزارهای بسیار کاربردی «logcat»، این میباشد که بتوانید «stacktrace» یا این که پیام‌های اشتباه را از کرش اپ‌ها و exception ها، ملاحظه کنید. در‌این مرحله، یک خطای عمدی به اپ اضافه میکنید تا ملاحظه کنید که چطور عمل می‌نماید. به «MainActivity.java» بروید و خط پایین را در «onCreate()» بنویسید:

یک‌توشه دیگر نرم افزار را بسازید و آن را اعمال فرمایید. حال یک‌توشه روی دکمه «What’s My Fortune» کلیک نمایید. نرم افزار شما کرش گردیده‌است!

درحال حاضر برای حل این خلل بایستی چه‌فعالیت کرد؟ «Logcat» شمارا نجات می‌دهد. به پنل «Logcat» برگردید. چیزی مشابه به تصویر پایین را می بینید:

تعداد متعددی خط قرمزرنگ و این سرنخی میباشد از اختلال به‌وجود آمده. پیرو یک exception بگردید.

درین‌ فراگیری، خط 50 از «MainActivity.java» میباشد؛ خوشبختانه « LogCat» آن را به یک هایپرلینک آبی رنگ تبدیل نموده است که در حالتی که روی آن کلیک نمائید، کد صحیح با خط مشکی ظواهر می گردد. با تایپ کردن کد «mFortuneText = (TextView) findViewById(R.id.fortuneText)», یک متغیر ساختید. البته هنوز هیچ پاره ای به آن تخصیص نداده‌اید، پس exception اشاره‌گر صفر میباشد. حال کد مربوطه را حذف نمائید و اپلیکیشن را بسازید. با اجرای اپ می بینید که هیچ مشکلی نیست و اپلیکیشن شما کرش نمی شود.

«Logcat» ابزار قدرتمندی میباشد که به شما اذن میدهد ایرادات و exceptionهای نرم افزار‌تان را برطرف (انواع‌زدایی) نمایید.

اتصال activityها به viewها
فولدر‌های جاوایی که برای اجرای منطق نرم‌افزار‌تان به آنان نیاز دارید، از مسیر app / src / main / java قابل‌دسترسی میباشند. «MainActivity.java» را گشوده فرمائید طراحی اپلیکیشن در مشهد و ایمپورت‌های تحت را مستقیماً پایین ایمپورت‌های جان دار، اضافه فرمائید.

پنج ایمپورت نخستین آرم‌دهنده این مسئله میباشند که کدهای شما به کلاس‌های Random، Button،ImageView و TextView ارجاع داده می گردند.
دو ایمپورت آجل، علامت می دهند که شما با به کار گیری از دو کلاس جان دار در کتابخانه build.gradle، برای برنامه خردسالان‌ها به کار گیری میکنید.
باطن فولدر MainActivity.java، در کلاس MainActivity، مورد ها ذیل را اضافه فرمایید:

در‌این قطعه کد خرد، چهار متغیر را، در activity اعلان کرده‌اید.

او‌لین متغیر، آرایه‌ایی از فن‌ها (string) میباشد که فال‌های احتمالی را علامت می دهد.
سه گزینه باقی‌مانده دیگر هم، ارکان UI طرح شمارا آرم خواهند اعطا کرد.
درحال حاضر محتوای مشی «onCreate» را با کدهای ذیل جایگزین فرمایید.

به تک‌تک نصیب‌های شماره‌گذاری گردیده اعتنا نمائید.

اجرای سوپرکلاس را فراخوانی فرمائید تا مطمئن گردید activity فراهم ایفا میباشد. معلوم نمائید که طرح این activity به وسیله طرح‌هایی که تا قبل از اینً ساخت‌و‌ساز کرده‌اید، فراهم و در نوارابزار قرار گرقته میباشد. به سه متغیر activity، که پیش از اینً با به کارگیری از سیاق «findViewById» برای (view) های طرح، تولید کرده‌اید، مقدار بدهید. مقدار شناسه، به عبارتی پاره ای میباشد که در پیاده سازی xml ساخت و ساز کرده‌اید.

برای دکمه یک شرایط «OnClickListener» اضافه فرمائید. این شغل را میتوانید با یک کلاس بی آلایش جاری ساختن دهید که با فشرده شدن دکمه، عملیات دلخواه شمارا اجرا میدهد. یک فال تصادفی از آرایه «fortuneList» پیدا و متن فال را برای اکران آن به‌روزرسانی نمائید. از کتابخانه برنامه کودکان فرد‌ثالث به‌تیتر یک dependency برای پوشه gradle و اضافه‌کردن یک برنامه کودک خوشگل استعمال فرمایید. خیلی خب، درحال حاضر نرم افزار را مجدد بسازید و اعمال نمایید.

پس از این‌که نرم افزار را ایفا کردید، برای آزمایش فالگیر قدرتمندتان، دکمه را فشار دهید.

تروتمیز کردن
پیش از اینکه نرم افزار‌ریزی‌های مرتبط با ورژن نرم افزار را آغاز فرمائید، می بایست برخی چیزها را منزه فرمائید. برای مثالً بایستی از دست دکمه شناور خلاص گردید. برای این فعالیت به res / layout بروید و activity_main.xml را گشوده فرمائید. این پوشه مشتمل بر منبعی برای « content_main.xml » میباشد که خویش شما، پیش از اینً آن را بازنویسی کرده‌اید.

این بخش، محتوای نوارابزار و دکمه شناور را نهفته می‌نماید. ولی نرم افزار شما به دکمه شناور نیاز ندارد، پس بلوک کد پایین را از فولدر xml فوق حذف فرمایید:

مجدداً نرم افزار را بسازید و آن را انجام فرمایید.

حال دیگر دکمه شناور را در کناره سمت راست نخواهید روئت کرد. روی دکمه (?What’s my fortune) کلیک نمایید ودر یک دیده بهم زدن بعدی تان را مشاهده کنید. ;)

بررسی بیشتر با Android Monitor
اندروید استودیو، گروه ایی از ابزارها را مهیا نموده است که به شما امداد می‌نماید ذیل کاپوت نرم افزار‌تان را مشاهده کنید. نگاه نمایید، با گشودن زبانه «Android Monitor» در پنجره (Android Studio)، مورد های اثر گذار متعددی برای پیشرفت‌دهندگان را میبینید.

بیایید آرام و قدم‌به‌قدم پیش برویم.

از بالای شیت، جایی که می خواهید بر دستگاه یا این که مشابه‌ساز و مراحل موردنظرتان تحقیق نمائید، استارت فرمایید. برای گشودن ارشادوراهنمایی دکمه‌های سمت‌چپ، روی آنان کلیک فرمایید. در بالای سمت‌چپ تصویر، ضبط ویدیو از ورقه و یا این که امکان عکس‌به دست آوردن از ورقه را فعال فرمایید. ذره‌میان مورد‌های بیشتری را به شما علامت می دهد، از جملهً آنالیز ترازو یاد به کار گیری‌گردیده به وسیله نرم افزار شما.

« Layout Inspector» یک رابط بصری دیدنی به شما می دهد که برای انتخاب شیوه اکران UI (رابط کاربری) اپ، به شما یاری می‌نماید. درنهایت اینجا «LogCat» را می بینید. «LogCat» به شما این قابلیت و امکان را می دهد که پیام‌های دستگاه و نرم افزار خاصی که مدنظرتان میباشد را خوب مشاهده کنید، حتی می توانید از نوار جست‌و‌جو برای غربال کردن پیام‌هایی که دربردارنده متن خاصی میباشند، به کارگیری نمایید. مطمئن گردید که «Show only selected application» را از بالای سمت راست تعیین نموده اید.

همان گونه که در تصویر پیشین نماد داده شد، درحال حاضر تنها پیام‌هایی از نرم افزار که خودتان آن‌ها‌را نوشته‌اید، میبینید. به «MainActivity.java» بروید و ایمپورت‌های ذیل را به آن اضافه فرمائید.

در انتهای «onCreate()»، و در «MainActivity.java»، خط ذیل را اضافه فرمایید:

«Log.v» دو پارامتر ، یک تگ و یک پیام را فراخوانی می‌نماید. که درین‌جا، شما تگ « "FORTUNE APP TAG" » و پیام "onCreateCalled" را تعریف‌و‌تمجید کرده‌اید. حال نرم افزار را بسازید و آن را جاری ساختن نمایید. در پنل «Logcat» این پیام ورود به سیستم را می بینید.

می توانید محتوای «LogCat» را برای اینکه صرفا پیام خودتاننمایش داده‌خواهد شد، غربال فرمائید. «onCreateCalled» را در قاب جست‌و‌جو، بالای کنسول، مانند تحت تایپ فرمائید:

هم اکنون متن فریم چست‌و‌جو را منزه فرمایید تا مجددا مجموع پیام‌های ورود به سیستم را ملاحظه کنید. یک کدام از دیگر از ابزارهای بسیار کاربردی «logcat»، این میباشد که بتوانید «stacktrace» یا این که پیام‌های اشتباه را از کرش اپ‌ها و exception ها، ملاحظه کنید. در‌این مرحله، یک خطای عمدی به اپ اضافه میکنید تا ملاحظه کنید که چطور عمل می‌نماید. به «MainActivity.java» بروید و خط پایین را در «onCreate()» بنویسید:

یک‌توشه دیگر نرم افزار را بسازید و آن را اعمال فرمایید. حال یک‌توشه روی دکمه «What’s My Fortune» کلیک نمایید. نرم افزار شما کرش گردیده‌است!

درحال حاضر برای حل این خلل بایستی چه‌فعالیت کرد؟ «Logcat» شمارا نجات می‌دهد. به پنل «Logcat» برگردید. چیزی مشابه به تصویر پایین را می بینید:

تعداد متعددی خط قرمزرنگ و این سرنخی میباشد از اختلال به‌وجود آمده. پیرو یک exception بگردید.

درین‌ فراگیری، خط 50 از «MainActivity.java» میباشد؛ خوشبختانه « LogCat» آن را به یک هایپرلینک آبی رنگ تبدیل نموده است که در حالتی که روی آن کلیک نمائید، کد صحیح با خط مشکی ظواهر می گردد. با تایپ کردن کد «mFortuneText = (TextView) findViewById(R.id.fortuneText)», یک متغیر ساختید. البته هنوز هیچ پاره ای به آن تخصیص نداده‌اید، پس exception اشاره‌گر صفر میباشد. حال کد مربوطه را حذف نمائید و اپلیکیشن را بسازید. با اجرای اپ می بینید که هیچ مشکلی نیست و اپلیکیشن شما کرش نمی شود.

«Logcat» ابزار قدرتمندی میباشد که به شما اذن میدهد ایرادات و exceptionهای نرم افزار‌تان را برطرف (انواع‌زدایی) نمایید.